<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<title>Reserva de citas médicas en línea</title>
		<meta http-equiv="Pragma" content="no-cache">
		<!-- ESTILOS -->
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<!-- / ESTILOS -->
	</head>
<body>

	<div id="general">

		<h1>Reserva de hora en línea</h1>

		<div id="secuencia">
			<ul>
				<li><span>1. Ingrese DNI</span></li>
				<li><span>2. Opciones</span></li>
				<li><span>3. Elegir cita</span></li>
				<li><span>4. Confirmar cancelación de cita</span></li>
				<li><strong>5. Cancelar cita</strong></li>
			</ul>
		</div>

		<div class="clear"></div>

		<hr />

		<p>

		<div class="center">

			La cita ha sido cancelada satisfactoriamente y ha sido enviado un correo electrónico confirmando la cancelación de la cita:

		</div>

		<p>


		<div id="confirmaA"><strong>DATOS DEL PACIENTE</strong></div>

		<div class="clear"></div>

		<div id="confirmaA">DNI:</div>
		<div id="confirmaB">11111111</div>

		<div class="clear"></div>

		<div id="confirmaA">Nombre:</div>
		<div id="confirmaB">Juan Luis</div>

		<div class="clear"></div>

		<div id="confirmaA">Apellido:</div>
		<div id="confirmaB">Perez Lopez</div>

		<div class="clear"></div>

		<div id="confirmaA">Fecha de nacimiento:</div>
		<div id="confirmaB">05/06/1980</div>

		<div class="clear"></div>


		<div id="confirmaA">Sexo:</div>
		<div id="confirmaB">Masculino</div>

		<div class="clear"></div>

		<div id="confirmaA">Teléfono:</div>
		<div id="confirmaB">4111260</div>

		<div class="clear"></div>

		<div id="confirmaA">E-Mail:</div>
		<div id="confirmaB">jlpl@upc.edu.pe</div>

		<div class="clear"></div>

		<p>

		<div id="confirmaA"><strong>RESERVA</strong></div>

		<div class="clear"></div>

		<div id="confirmaA">Médico:</div>
		<div id="confirmaB">Médico 1</div>

		<div class="clear"></div>

		<div id="confirmaA">Especialidad:</div>
		<div id="confirmaB">Especialidad 1</div>

		<div class="clear"></div>

		<div id="confirmaA">Centro Médico:</div>
		<div id="confirmaB">San Isidro</div>

		<div class="clear"></div>

		<div id="confirmaA">Día:</div>
		<div id="confirmaB">05/06/1980</div>

		<div class="clear"></div>


		<div id="confirmaA">Hora:</div>
		<div id="confirmaB">15:30</div>

		<div class="clear"></div>

		<div id="confirmaA">Seguro:</div>
		<div id="confirmaB">Seguro 1</div>

		<div class="clear"></div>


		<br /><br />

		<div class="center">

			<a href="opciones.htm"><img src="img/images_b_inicio.gif" alt="inicio"></a>

		</div>

		<br /><br />

		<hr />

	</div>


</body>

</html>